<!DOCTYPE html>
<html lang="ch">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>wifi_light_on</title>
    <style>
        .box1 {
            height: 700px;
            position: relative;
        }

        .box2{
            width: 250px;
            height: 250px;
            top: 50%;
            left: 50%;
            margin: -150px 0 0 -130px;
            position: absolute;
        }

        .head {
            text-align: center;
        }

        .center {
            display: flex;
            justify-content: center;
            align-items: Center;
            margin: 0 auto;
        }

        .btn{
            border-width:0px;	/*边框透明*/
            font-weight: 800;
            font-size: 35px;
            color: #c7cbcd;
            border: 9px solid #c7cbcd;
            background: rgba(243, 241, 241, 0.786);
            border-radius: 50%;
            

        }

        .link {
            text-decoration: none;
        }

    </style>
</head>

<body>
    <div class="box1">
        <a href="/setLED" class="link">
            <button class="box2 btn">关灯</button>
        </a>
    </div>
</body></html>